<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
     <link href="__STATIC__/layout/css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
     .note-editable{height: 150px}
    </style>
</head>

<body style="color:#333;" class="gray-bg">
    <!-- 标题 -->
      <div class="constractP">
           <div class="page-heade">
      <h1 class="title_color padding-10">合同管理-查看合同</h1>
    </div>
    <!-- 标题 -->
    <div class="">
    <form action=""  class="form-inline">
       <table class="table-bordered table t_table text-center">
       <tr class="info">
          <th class="font-bold" colspan="2">合同基本信息</th>
       </tr>
       <tr>
         <td class="text-right" style="min-width: 140px;width: 140px">合同主题</td>
         <td class="text-left">供应合同</td>
       </tr>
        <tr>
         <td class="text-right" style="min-width: 140px;width: 140px">合同类型</td>
         <td class="text-left">供应合同</td>
       </tr>
        <tr>
         <td class="text-right" style="min-width: 140px;width: 140px">合同签署方</td>
         <td class="text-left">
          <label for="" class="font-bold">我方名称：</label>广州销路通软件公司<br><br>
          <label for="" class="font-bold">对方名称：</label>供应商A<br><br>
         </td>
       </tr>
        <tr>
         <td class="text-right" style="min-width: 140px;width: 140px">合同金额</td>
         <td class="text-left">100元</td>
       </tr>
       <tr>
         <td class="text-right" style="min-width: 140px;width: 140px">合同签订日期</td>
         <td class="text-left">2017-10-16至2017-10-18</td>
       </tr>
       <tr class="info">
          <td class="text-left font-bold" colspan="2">
            合同摘要
          </td>
       </tr>
        <tr>
          <td class="text-left" colspan="2">
            合同内容
          </td>
       </tr>
       <tr class="info">
          <td class="text-left font-bold" colspan="2">
            合同详情
          </td>
       </tr>
       <tr>
          <td class="text-left" colspan="2">
           <div class="note-editable" style="width: 100%">
              详情
           </div>
          </td>
       </tr>
        <tr class="info">
          <td class="text-left font-bold" colspan="2">
           备注
          </td>
       </tr>
       <tr>
          <td colspan="2">&nbsp;</td>
       </tr>
      </table>
        <table class="table-bordered table t_table text-center">
         <tr class="info">
          <td class="text-left font-bold" colspan="2">
          审批意见
          </td>
       </tr>
        <tr>
          <td class="text-left" colspan="2">
            行政部-人事专员<a href="javascript:;">刁小平</a> 审批动作：提交领导；审批意见：OK(审批时间：2017-10-16 14:30:06)
          </td>
       </tr>
       <tr>
          <td class="text-left" colspan="2">
            行政部-人事专员<a href="javascript:;">刁小平</a> 审批动作：同意；审批意见：OK(审批时间：2017-10-16 14:30:06)
          </td>
       </tr>
      </table>
      <div class="row sub_btn" style="width:100%;text-align:center;padding: 20px 0">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()">
    </div>
    </form>
    </div>
      </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script>
          function back(){
          history.go(-1);
        }
    </script>
</body>

</html>
